<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>小U商城 - 分类</title>
    <link rel="stylesheet" href="css/classify.css">
    <script src="js/index.js"></script>
    <link rel="shortcut icon" href="images/wangye_logo.png" type="image/x-icon">
</head>
<body>
    <!-- 顶部 -->
    <div id="top1">
        <h2>分类</h2>
        <p>
            <i class="iconfont">&#xe648;</i>
            <span></span>
            <em class="iconfont">&#xe61c;</em>
        </p>
    </div>

    <!-- 搜索框 -->
    <div id="serch_box">
        <input type="text" class="iconfont" placeholder="&#xe610; 按内容搜索">
    </div>

    <!-- 导航 -->
    <nav>
        <ul>
            <li>本周特惠</li>
            <li class="cur">美妆</li>
            <li>酒水</li>
            <li>小家电</li>
            <li>服饰</li>
            <li>鞋靴</li>
            <li>饰品</li>
            <li>箱包</li>
            <li>饰品</li>
            <li>箱包</li>
            <li>家电</li>
            <li>厨卫</li>
            <li>汽配</li>
        </ul>
    </nav>

    <!-- 热门精选&面部护肤&个护工具 -->
    <div id="list_box">
        <div class="hot_goods">
            <h2>热门精选</h2>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>热卖爆品</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>新品</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>好礼专区</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>美容馆</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>基础护肤</i>
            </span>
        </div>
        <div class="face_clean">
            <h2>面部护肤</h2>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>热卖爆品</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>新品</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>好礼专区</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>美容馆</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>基础护肤</i>
            </span>
        </div>
        <div class="care_goods">
            <h2>个护工具</h2>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>热卖爆品</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>新品</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>好礼专区</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>美容馆</i>
            </span>
            <span>
                <img src="images/shop.jpg" alt="">
                <i>基础护肤</i>
            </span>
        </div>
    </div>

    <!-- 底部 -->
    <div id="footer_box">
        <p>
            <span class="iconfont">&#xe63e;</span>
            <i>商城</i>
        </p>
        <p class="cur">
            <span class="iconfont">&#xe63e;</span>
            <i>分类</i>
        </p>
        <p>
            <span class="iconfont">&#xe63e;</span>
            <i>购物车</i>
        </p>
        <p>
            <span class="iconfont">&#xe63e;</span>
            <i>我</i>
        </p>
    </div>
</body>
</html>